@charset "utf-8";
/* Fashion Design Stylesheet */

@import url('reset.css');

html,body{
	height:100%;
	background:#000;
/* \*/
	height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
	font:normal 11px/16px Tahoma, Arial, sans-serif;color:#333;
}
.clearfix:after {
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* General styles */
a {text-decoration:none;color:#fff}

h1 {font:20px/28px Tahoma, Arial, sans-serif;color:#fff;margin-bottom:-6px}
h2 {font:18px/26px Tahoma, Arial, sans-serif;color:#fff}
h3 {font:16px/24px Tahoma, Arial, sans-serif;color:#fff}
h4 {font:14px/22px Tahoma, Arial, sans-serif;color:#fff}
h5 {font:12px/20px Tahoma, Arial, sans-serif;color:#fff}

.alignright {float:right}
.alignleft {float:left}
.aligncenter {float:none;margin-right:auto;margin-left:auto}
.clear {clear:both}

input{font:normal 11px Tahoma, Arial, sans-serif;color:#000}
select{font:normal 11px Tahoma, Arial, sans-serif;color:#000}
textarea{font:normal 11px Tahoma, Arial, sans-serif;color:#000}

/*general layout*/
#wrapper{
  position:relative;z-index:1;width:998px;margin:0 auto;
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:100%;
}

#content {margin:20px 0}
#footer{width:998px;height:107px;margin:0 auto;margin-top:-107px;position:relative;z-index:1}
#topbar {width:100%;height:5px;background:#000;position:absolute;top:0;left:0;z-index:100;overflow:hidden}
#bottombar{width:100%;height:5px;background:#000;position:relative;z-index:100;margin-top:-5px;overflow:hidden}
.footer_clear{height:107px}

/*background image*/
#background-img {position:absolute;top:0;left:0;z-index:1;width:100%;min-width:998px;min-height:840px}
#background_img_wrap{position:absolute;top:0;left:0;z-index:1;width:100%;overflow:hidden;}

/*background image changer*/
#bg_changer {z-index:10;margin-left:10px}
#bg_changer li{list-style:none;float:left;padding-right:5px}

#bg_changer li a{position:relative;display:block}
#bg_changer li .overlay{position:absolute;top:0;left:0;background:url(../images/bg_notactive.png) no-repeat;display:block;width:100px;height:100px;}
#bg_changer li a:hover .overlay{background:url(../images/bg_active.png) no-repeat}

#bg_changer .bg_wrap{background:url(../images/overlay80.png);padding:5px 0 0 100px}
#bg_changer .bg_top{background:url(../images/overlay80.png);height:3px;overflow:hidden}
#bg_changer .bg_top span{background:#f33;display:block;width:70%;height:3px}
#bg_changer .header{margin-left:100px;font:20px/28px Tahoma, Arial, sans-serif;color:#fff;display:block;height:28px}
#bg_changer-lnk{margin-top:28px;width:10px;height:109px;background:#000;opacity:0.8;filter:Alpha(Opacity=80);border-top:3px solid #ff3333;z-index:10;cursor:pointer}

/*header style*/
#header{height:166px;}
#header .logo{float:left;margin-top:35px}
#header .search-box{float:right}

/*header search box*/
.search-box {margin-top:30px;padding:5px;background:#000;opacity: .8;filter:Alpha(Opacity=80)}
.search-box input {float:left;color:#a8a8a7;padding:5px 14px;height:14px;border:1px solid #4f4f4e;border-width:1px 0 1px 1px;background:none}
.search-box #btn-submit {background:url(../images/seach-box-btn.png) no-repeat;width:35px;height:26px;border-width:1px 1px 1px 0;cursor:pointer}
.search-box-right {display:none;position:absolute;left:998px;top:30px;background:#000;opacity: .8;filter:Alpha(Opacity=80);height:36px;z-index:100}
.search-box-clear{clear:both;height:29px}

/*primary navigation*/
#primary-nav {background:url(../images/nav-bg.png) no-repeat;height:71px;position:relative} 
#primary-nav li{list-style:none;float:left;width:149px;height:59px;padding:12px 30px 0 20px;background:url(../images/nav-li-rbg.png) no-repeat top right;display:block;cursor:pointer}
#primary-nav li.last{background:none}
#primary-nav li span{display:block}
#primary-nav a{font-size:13px;color:#fff;cursor:pointer;display:block}
#primary-nav p{font-size:9px;line-height:11px;color:#f3a6ad}

/*primary navigation highlighted */
#primary-nav li.active{background:url(../images/nav-li-active.png) repeat-x}
#primary-nav li.active a{color:#666}
#primary-nav li.active p{color:#a0a0a0}

/*models sub menu navigation */
.scroll-pane{position:absolute;top:71px;left:0;z-index:100}

#primary-nav .scroll-content {overflow:hidden;width:998px;position:relative}
#primary-nav .scroll-content ul{background:url(../images/nav-li-active-sub.png) repeat-x;height:101px;position:relative;display:block}
#primary-nav .scroll-content li{float:left;display:block;height:50px;background:none;padding:10px 10px 0 10px;width:310px}
#primary-nav .scroll-content li img{border:1px solid #fff;margin-right:15px;margin-top:0px;}
#primary-nav .scroll-content li a{font:9px/11px Tahoma, Arial, sans-serif;color:#919191;}
#primary-nav .scroll-content li a strong{font:13px/20px Tahoma, Arial, sans-serif;color:#666;font-weight:600;}
#primary-nav .scroll-content li a:hover span{text-decoration:underline}

.slider-wrap{width:884px;padding:0 57px;height:29px;background:url(../images/slider-wrap.png) repeat-x;text-align:left;margin-top:-3px;}
.ui-slider{position:relative;}
.ui-slider-handle {position:absolute;top:0;background:url(../images/slider.png) no-repeat center;width:114px;height:9px;cursor:pointer;margin-left:-57px;display:block}

/*general box content styles*/
#content {color:#969696;line-height:14px}
#content p{padding:6px 0}
#content p strong{color:#fff}
#content li{list-style-type:disc;list-style-position:inside;padding-left:5px}

.content-list {margin:20px 0}
.content-list h1{margin-bottom:5px}

.box {width:326px;height:527px;position:relative;overflow:hidden}
.box_wrap{position:absolute;bottom:0}
.box.box_aboutus {width:399px}
.box.box_aboutus .grey_box{padding:5px 5px 5px 15px}
.box.box_aboutus .scrollPane{height:517px}
.box.box_aboutus h1{ margin-top:8px}
.box.box_aboutus p{ margin-right:10px;}

.box.box_contact {width:399px}
.box.box_contact .grey_box{padding:15px 10px 10px;height:517px}

.box.alignleft{margin-right:10px}
.box_top {background:url(../images/overlay80.png);height:3px;overflow:hidden}
.box_top span{background:#f33;display:block;width:200px;height:3px}
.box_thumb img{height:200px;overflow:hidden;margin-top:0px;display:block}
.box_footer a{background:url(../images/box-footer.png) no-repeat 0 -23px;height:23px;display:block}
.box .grey_box {margin-bottom:0px; padding-bottom:13px;}

.grey_box {background:url(../images/overlay80.png);padding:15px 20px 10px;margin-bottom:10px}
.grey_box h3{color:#d3d3d3}
.grey_box a{text-decoration:underline}

.red_box {background:url(../images/redoverlay80.png);padding:15px 20px 10px;color:#eda2a7;margin-bottom:10px}
.red_box h3{color:#fadadb}
.red_box a{text-decoration:underline}

/*home page content boxes hidden content style*/
.box.closed .box_top span{display:none}
.box.closed .box_thumb {height:100px;overflow:hidden;}
.box.closed .box_footer a{background-position:0 0}

/*models detail style*/
.models_info {position:absolute;bottom:0;z-index:10}
.models_info_top {background:url(../images/arrow-up.png) no-repeat right;height:10px;margin-right:10px}
.models_info_wrap{background:#000;padding:15px 20px;opacity:0.8;filter:Alpha(Opacity=80)}

/*showcase list style*/
.showcase-list li {float:left;margin:10px 10px 0 0;height:170px;position:relative;padding:0!important;list-style:none!important}
.showcase-list li.last {margin-right:0}
.showcase-list li p{background:#000;opacity:0.7;filter:Alpha(Opacity=70);position:absolute;bottom:0;padding:6px 10px!important;color:#b6b5b4}

.years a{display:block;padding:5px;background:#fff;color:#3c3e39;opacity:0.8;filter:Alpha(Opacity=80);float:left;margin-right:1px}
.years .active{background:#000;color:#bdbebd;opacity:0.8;filter:Alpha(Opacity=80)}

/*form style*/
.form input{color:#a8a8a7;padding:5px 14px;height:14px;border:1px solid #4f4f4e;background:none;width:154px;margin-right:10px}
.form .error {background:url(../images/redoverlay20.png)}
.form textarea{color:#a8a8a7;padding:5px 14px;border:1px solid #4f4f4e;background:none;width:348px;height:65px}
.form p {position:relative;float:left}
.form p.last input {margin-right:0}
.form label{display:inline;position:absolute;top:11px;left:14px}

.form-submit{background:url(../images/form-footer-bg.png) repeat-x;height:39px;padding:10px 10px 0 10px}
.form-submit input{background:url(../images/form-submit-btn.png) repeat-x;height:29px;color:#c0c0c0;padding:0 15px;border:0;cursor:pointer;width:100%;text-align:left}

/*styling for select list used in contact form */
.newListSelected {width:184px;margin-right:10px}
.newListSelected  .selectedTxt {padding:5px 14px;height:14px;border:1px solid #4f4f4e;cursor:pointer} 
.newListSelected .newList li{list-style:none!important;padding-left:0!important}
.newListSelected .newList li a{color:#a8a8a7;text-decoration:none;display:block;padding:5px 14px;height:14px;border:1px solid #4f4f4e;border-width:0 1px 1px 1px;white-space:nowrap}
.newListSelected .newList {position:absolute;width:100%;height:100px!important;z-index:9999;top:22px!important;overflow:auto!important}
.newListSelected .newList {left:-9999px;}

/*pagination*/
.pagination a{background:url(../images/overlay80.png);line-height:20px;padding:0 5px;color:#acacab;display:block;float:left;}
.pagination a.active {background:url(../images/paging_active.png) no-repeat;line-height:30px;width:12px;margin-top:-5px;margin-right:-5px;color:#f6a8ad}

/*tooltip style*/
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	padding:3px 5px;
	opacity: 0.85;
	font-size:9px;
}
#tooltip h3, #tooltip div {margin:0;font-size:11px;padding:0;line-height:16px}

/*footer*/
.footer-nav {background:url(../images/footer-nav-bg.png) no-repeat;height:32px;width:998px}
.footer-nav li{list-style:none;float:left}
.footer-nav li span{background:url(../images/footer-nav-li-rbg.png) no-repeat right top;padding:0 20px 0;padding-top:1px}
.footer-nav span{display:block;font-size:9px;color:#f8bec2}
.footer-nav li span:hover, .footer-nav li.active span{border-bottom:5px solid #ff3333;color:#fff}
.footer-nav li.last a{background:none}
.footer-nav div{padding:0 20px 0 0;}
.footer-nav div a{height:27px;line-height:27px}

.icon-sound{float:left;background:url(../images/soundon.gif) no-repeat right center;padding-right:15px;margin-right:40px;padding-top:1px}
.soundoff {background:url(../images/soundoff.gif) no-repeat right center}
.icon-fscreen{float:left;background:url(../images/icon-fscreen.png) no-repeat right center;padding-right:15px;padding-top:1px}

.copyright {background:url(../images/city-siluette.png) no-repeat top right;height:95px;margin-top:-45px}
.copyright span {background:#000;opacity: .8;filter:Alpha(Opacity=80);color:#a2a2a0;padding:0 2px;position:absolute;right:0;bottom:30px}

/*footer social links*/
.social {list-style:none;margin-top:20px}
.social li{float:left;margin-right:5px}

/*fixed position related style*/
.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:200px;}
.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;}
